<template>
  <div>
  <div>{{ message }}</div>
  <div>{{ obj.message }}</div>
  <div>{{ obj.desc }}</div>
  </div>
</template>

<script setup>
import { toRefs, reactive } from 'vue';
let obj = reactive({
  message: '这是修改前的信息',
  desc: '这是desc修改前的信息'
});

let { message, desc } = toRefs(obj);

setTimeout(() => {
  message.value = '这是修改后的值';
  desc.value = '这是修改后的值';
}, 5000);
</script>